| Current File : //usr/local/sitepad/www/themes/default/new_site_theme.php |
<?php
//////////////////////////////////////////////////////////////
//===========================================================
// hf_theme.php
//===========================================================
// SOFTACULOUS
// Version : 1.1
// Inspired by the DESIRE to be the BEST OF ALL
// ----------------------------------------------------------
// Started by: Alons
// Date: 10th Jan 2009
// Time: 21:00 hrs
// Site: http://www.softaculous.com/ (SOFTACULOUS)
// ----------------------------------------------------------
// Please Read the Terms of use at http://www.softaculous.com
// ----------------------------------------------------------
//===========================================================
// (c)Softaculous Inc.
//===========================================================
//////////////////////////////////////////////////////////////
if(!defined('SITEPAD') && !defined('SITEMUSH')){
die('Hacking Attempt');
}
function new_site_theme(){
global $globals, $l, $theme, $nupanel, $error, $user, $themes, $done, $langs, $categories, $setup_fields;
softheader($l['title_new_site']);
// Check for sites limit if the plan is active
if(
!empty($nupanel->user['plan_active']) &&
!empty($nupanel->user['plan']['newsites']) &&
$nupanel->user['plan']['newsites'] <= count($user['ins'])
){
echo '<div class="bg mt-2 p-5 ">
<div class="row sai_main_head">
<div class="col-sm-12 col-xs-12 text-center">
<h3><i class="fa sai-www" style="color:#00A0D2;"></i> <span>'.$l['title_new_site'].'</span></h3>
</div>
</div>
<hr/>
<div class="alert alert-danger" style="padding:10px;font-size:15px;"><center><i class="sai sai-remove"></i> '.$l['max_site_err'].'
</center>
</div>
<br/>
<center><a href="'.$globals['index'].'act=all_sites" class="sai_head">'.$l['return_all_site'].'</a></center>
</div>';
return false;
}
echo '
<style>
.bg{
margin: 0px !important;
padding:0px 0px 10px 0px;
}
#softcontent{
padding:0px;
}
.theme_details{
width: 330px;
border: 1px solid #ccc;
}
.theme-screenshot{
height: 275px;
overflow: hidden;
position: relative;
}
.theme-screenshot img{
max-width: 100%;
cursor: pointer;
}
.theme-info{
position: absolute;
top:0;
right:0;
left:0;
bottom:0;
opacity: 0;
text-align: center;
background: #959595;
}
.theme-info button{
margin-top: 130px;
opacity: 1;
}
.theme-info:hover{
opacity: 0.7;
}
.theme_name{
border-top: 1px solid #ccc;
font-size: 15px;
font-weight: bold;
line-height: 200%;
}
.category-button{
cursor: pointer;
}
</style>
<script>
var themes = '.json_encode($themes).';
var mirror = "'.fastestmirror().'/files/themes";
</script>';
?>
<script>
var selected_theme = '';
<?php
$get_theme = optREQ('theme');
if( !empty($get_theme) && array_key_exists($get_theme, $themes) ){
echo 'selected_theme="'.$get_theme.'"';
}
?>
function set_fullscreen(full){
// We need to detect
if(full == -1){
full = $("#toggle-fullscreen").hasClass("sai-contract") ? 0 : 1;
}
full = parseInt(full);
if(full == 1){
$("#toggle-fullscreen").addClass("sai-contract");
$("#toggle-fullscreen").removeClass("sai-expand");
$("#setup-div").addClass("setup-fullscreen");
setcookie("sp-setup-fullscreen", 1, 10);
$("body").css("overflow", "hidden");
}else{
$("#toggle-fullscreen").addClass("sai-expand");
$("#toggle-fullscreen").removeClass("sai-contract");
$("#setup-div").removeClass("setup-fullscreen");
setcookie("sp-setup-fullscreen", 0, 10);
$("body").css("overflow", "auto");
}
};
function set_tab_active(step){
$(".setup-nav").children("span").removeClass("active");
$("#step-"+step+"-tab").addClass("active");
$("#step-"+step+"-div").show();
for(var i = 0; i <= 3; i++){
if(step != i){
$("#step-"+i+"-div").hide();
}
}
}
// Show the themes
function show_single_theme(slug){
$("#suggestion_list").hide();
set_tab_active(1);
var theme = themes[slug];
ele = '#category_list_'+themes[slug]['category']+' a';
$('.category-button').removeClass('cat-active');
$(ele).addClass('cat-active');
$('.themes-holder').html('');
$('#pagination-div').html('');
show_theme_tile(themes[slug]);
}
// Show the themes
function show_themes(cat, page, ele){
$("#suggestion_list").hide();
set_tab_active(1);
ele = ele || '#category_list_all a';
$('.category-button').removeClass('cat-active');
$(ele).addClass('cat-active');
$('.themes-holder').html('');
$('#pagination-div').html('');
var cat = cat || "";
var page = page || 1;
var num = 45;
var start = num * (page - 1);
var end = num + start;
var i = 0;
for(var x in themes){
// Is it same category
if(cat.length > 0 && cat != themes[x].category){
continue;
}
if(i >= start && i < end){
//console.log(x+' '+i+' '+start+' '+end);
show_theme_tile(themes[x]);
}
i++;
}
var pages = Math.ceil(i/num);
if(pages > 1){
var html = '<ul class="pagination">';
for(var p = 1; p <= pages; p++){
html += '<li class="page-item '+(page == p ? 'active' : '')+'"><a class="page-link" href="#" onclick="show_themes(\''+cat+'\', '+p+')">'+p+'</a></li>';
}
html += '</ul>';
$('#pagination-div').html(html);
}
}
function show_theme_tile(theme){
var html = '<div class="col-md-4 my-4">'+
'<div class="row justify-content-center">'+
'<div class="theme_details">'+
'<div class="theme-screenshot">'+
'<div class="theme-info"><button class="btn btn-dark" onclick="show_theme_details(\''+theme['slug']+'\')"><?php echo $l['show_theme'];?></button></div>'+
'<img src="'+mirror+'/'+theme['slug']+'/screenshot.jpg" loading="lazy" alt="" />'+
'</div>'+
'<div class="theme_name p-2">'+theme['name']+'<button class="btn btn-success btn-sm float-right" onclick="show_site_details(\''+theme['slug']+'\')"><?php echo $l['select'];?></button></div>'+
'</div>'+
'</div>'+
'</div>';
$('.themes-holder').append(html);
}
// Show the theme details
function show_theme_details(theme){
$("#detail_img").attr("src", mirror+'/'+theme+'/screenshot.jpg');
$("#details_modal").modal("show");
$("#theme_details_select").attr("onclick", 'show_site_details("'+theme+'")');
if($("#theme_demo").length > 0){
$("#theme_demo").attr('href', '<?php echo $globals['sm_brand_demos'];?>/'+themes[theme]['name']+'/'.replace(' ', '_'));
}
}
// Show the details
function show_site_details(theme){
// Hide modal if shown
$("#details_modal").modal("hide");
// Show the details tab
set_tab_active(2);
checkhttps('#softdomain');
// Set the theme
selected_theme = theme;
}
function toggle_additional(){
$("#modal_more_social").modal('show');
}
function submit_setup_details(ele){
var modal = $("#sitepad-download-img-modal");
var submitForm = function(){
modal.modal("hide");
var loader = $(ele).find('.spinner-border');
jQuery.ajax({
type: "POST",
url: '<?php echo $globals["index"].http_build_query($_GET);?>&api=json',
data: $("#edit_site").serialize()+'&'+$("#modal_more_social form").serialize()+'&'+$("#sitepad-download-img-modal form").serialize()+'&save=1&theme_slug='+selected_theme,
beforeSend: function(){
loader.show();
},
success: function(response, status, xhr){
//alert(data);
var obj = jQuery.parseJSON(response);
//alert(obj);
if('error' in obj){
var err = [];
for(var x in obj['error']){
err.push(obj['error'][x]);
}
$("#error-msg").html(err.join('<br>'));
$("#error-div").show();
}
// Success
if('done' in obj){
// Show the DONE tab
set_tab_active(3);
$("#success-msg").html(obj['done']['msg']);
}
},
error: function(errorThrown){
console.log(errorThrown);
alert('Oops ... Lost Connection !');
},
complete: function(){
loader.hide();
},
});
$("#error-msg").html('');
$("#error-div").hide();
};
modal.modal("show");
modal.find(".sitepad-download-image").unbind("click");
modal.find(".sitepad-download-image").on("click", function(){
modal.find("[name=download_imgs]").prop("checked", true);
submitForm();
});
modal.find(".sitepad-download-image-no").unbind("click");
modal.find(".sitepad-download-image-no").on("click", function(){
modal.find("[name=download_imgs]").prop("checked", false);
submitForm();
});
}
function checkhttps(ele){
$.ajax({
type: "POST",
url: "<?php echo $globals['index'];?>act=new_site&api=json&checkhttps="+encodeURIComponent($(ele).val()),
timeout:10000,
dataType: "json",
// Checking for success
success: function(data){
try{
if('checkhttps' in data && data.checkhttps){
$("#softproto").val("https");
}
}catch(e){}
}
});
}
function try_full_screen(){
try{
// Do we need to set default mode as contracted ?
var full = getcookie("sp-setup-fullscreen") || 1;
set_fullscreen(full);
}catch(e){}
};
// Search for a theme
function suggest_theme(e, ele) {
var timer = null;
clearTimeout(timer);
var a = $(ele).val();
// check value only after user stops typing
timer = setTimeout(function () {
if (e.keyCode == 8) {
if (!a) {
$("#suggestion_list").hide();
}
}
if (a) {
jQuery('#sm_assistant01').fadeOut('slow').css('margin-top', '20px');
}
if (a) {
a = a.split(" ");//split if has space
show_searched_theme(a); //search for theme
}
}, 200);
}
function show_searched_theme(val) {
var data = new Array();
var arr = new Array();
var vale = val.join(" "); // join split file
var vale_slug = val.join(""); //join for slug
vale_slug = vale_slug.toLowerCase();
vale = vale.toLowerCase();
//val = jQuery.trim(val);
for (var x in themes) {
var slug = themes[x].slug;
//var tags = themes[x].tags;
//search by theme name
if ((themes[x].name.substring(0, vale.length) === vale)) {
data.push(themes[x].slug);
arr.push(themes[x].name);
}
//search by slug
if ((themes[x].slug.substring(0, vale_slug.length) === vale_slug)) {
data.push(themes[x].slug);
arr.push(themes[x].name);
}
/*tags_split = tags.split(",");
//search by tags
for (var z in tags_split) {
tags_split[z] = tags_split[z].trim();
tags_split[z] = tags_split[z].toLowerCase();
if (tags_split[z].lastIndexOf(vale, 0) === 0) {
if (data.indexOf(themes[x].slug) == -1 && arr.indexOf(themes[x].name) == -1) {
data.push(themes[x].slug);
arr.push(themes[x].name);
}
}
}*/
}
var txt = ""; // from here add value for search suggestion
txt = '<ul id="list-suggestion" style="padding: 0px;margin-bottom:0 !important">';
if (!jQuery.isEmptyObject(data)) {
for (i in data) {
txt += '<a onclick="show_single_theme(\''+data[i]+'\');" style="text-decoration: none;cursor:pointer;"><li>' + arr[i] + '</li></a>';
}
} else {
txt += '<a class="inliner" href="javascript:void(0);"><li value="no-suggestion">No themes found with this search criteria</li></a>';
}
txt += '</ul>';
$("#suggestion_list").html(txt);
$("#suggestion_list").show();
}
try_full_screen();
jQuery(document).ready(function(){
if(!selected_theme){
set_tab_active(0);
}else{
show_site_details(selected_theme);
}
try_full_screen();
$(".submenu").click(function () {
$(".submenu-item").toggleClass("col-lg-2 d-none");
$(".themes-data").toggleClass("col-lg-10 col-lg-12");
});
});
</script>
<div class="modal fade" id="details_modal" role="dialog">
<div class="modal-dialog modal-lg" style="max-height:90vh;max-width:90vh;">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-body pt-0 pb-0" style="padding:3vh;">
<button type="button" class="close" data-dismiss="modal" >
<span class="fa sai-remove" style="position:absolute;top:-3%;right:-5%;font-size:20px;color:#FFFFFF"></span>
</button>
<div class="row m-0 pt-3">
<img src="" id="detail_img" style="max-height:84vh;min-height:84vh;min-width:84vh;max-height:84vh;">
</div>
<div class="row" style="border-top:1px solid #bcbcbc;padding:10px;">
<div class="col-lg-8 col-md-8">
<p class="detail_name theme-name mt-1" style="display:inline;font-size:20px;"></p>
<p class="detail_category" style="display:inline;font-size:16px;"></p>
</div>
<div class="col-lg-2 col-md-2">
<?php if(empty($globals['no_demos'])){ ?>
<a class="btn btn-primary" id="theme_demo" target="_blank"><?php echo $l['demo'];?></a>
<?php } ?>
</div>
<div class="col-lg-2 col-md-2">
<button id="theme_details_select" class="btn btn-success" onclick=""><?php echo $l['select'];?></button>
</div>
</div>
</div>
</div>
</div>
</div>
<?php
echo '<div class="bg mt-2" id="setup-div">
<div class="row" style="margin:0px;">
<div class="col-sm-12 setup-nav" id="setup-nav">
<span class="setup-nav-object" id="step-0-tab" data-id="0">Overview</span>
<i class="fa sai-rightarrow setup-nav-object"></i>
<span class="setup-nav-object" id="step-1-tab" data-id="1">Theme</span>
<i class="fa sai-rightarrow setup-nav-object"></i>
<span class="setup-nav-object" id="step-2-tab" data-id="2">Details</span>
<i class="fa sai-rightarrow setup-nav-object"></i>
<span class="setup-nav-object" id="step-3-tab" data-id="3">Complete</span>
<i class="fa fa-2x sai-contract toggle-setup-page" onclick="set_fullscreen(-1)" style="cursor: pointer;" id="toggle-fullscreen"></i>
</div>
</div>
<div class="container" id="step-0-div">
<h1 class="text-center sitepad-heading">'.$l['welcome_new_site'].'</h1><hr class="sitepad-hr"/>
<p class="text-center sitepad-text mt-4">You are just 3 steps away from creating your awesome website</p>
<div class="row text-center mt-5">
<div class="col-sm-4 page-tile site-tile">
<div class="setup-screenshot">
<img src="'.$theme['images'].'themes_collage.png" class="screenshot-img mx-auto"/>
<div class="align-middle mt-2 screenshot-title">1. '.$l['choose_theme'].'</div>
<div class="align-middle screenshot-details">
'.$l['choose_theme_exp'].'
</div>
</div>
</div>
<div class="col-sm-4 page-tile site-tile">
<div class="setup-screenshot">
<img src="'.$theme['images'].'site_details.png" class="screenshot-img mx-auto"/>
<div class="align-middle mt-2 screenshot-title">2. '.$l['site_details'].'</div>
<div class="align-middle screenshot-details">
'.$l['site_details_exp'].'
</div>
</div>
</div>
<div class="col-sm-4 page-tile site-tile">
<div class="setup-screenshot">
<img src="'.$theme['images'].'complete_setup.png" class="screenshot-img mx-auto"/>
<div class="align-middle mt-2 screenshot-title">3. '.$l['comp_setup'].'</div>
<div class="align-middle screenshot-details">
'.$l['comp_setup_exp'].'
</div>
</div>
</div>
</div>
<br />
<center>
<input type="button" class="btn button-primary" name="get_started" onclick="show_themes();" value="'.$l['get_started'].'" />
</center>
</div>
<div class="container-fluid" id="step-1-div">
<div class="row">
<div class="col-lg-2 col-md-2 submenu-item" style="border-left:1px #222 solid;">
<p style="color:#f2ffff;margin-top:8px;margin-bottom:8px;font-size:16px;">Categories</p>
<ul class="navbar-nav mr-auto" id="navigation-list">
<li id="category_list_all" class="nav-item"><a class="all nav-link category-button cat-active" style="font-size:14px;color:#aaaaaa;" onclick="show_themes();" name="all">'.$l['all'].'</a></li>';
foreach($categories as $slug => $cat){
echo '<li id="category_list_'.$slug.'" class="nav-item mb-2"><a class="' . $slug . ' nav-link category-button p-0" onclick="show_themes(\''.$slug.'\', 1, this);" style="color:#aaaaaa;font-size:14px;" name="' . $slug . '">' . $cat . '</a></li>';
}
echo '</ul>
</div>
<div class="themes-data col-lg-10 col-md-10 pt-3">
<center>
<h3 class="mb-2">
<i class="fa sai-pfx_icon"></i> '.$l['select_theme'].'
<span class="badge badge-secondary" style="font-size:15px;font-weight:300;top:-15px;">
'.count($themes).'
</span>
</h3>
</center>
<div class="row">
<div class="col-sm-12 col-md-4 mt-2" style="position:relative;">
<input type="search" name="search" class="search-input form-control" onkeyup="suggest_theme(event, this)" placeholder="'.$l['search_themes'].'" autocomplete="off"/>
<div id="suggestion_list" class="suggestion_list" style="position:absolute !important; width:calc(100% - 30px);"></div>
</div>
<div class="col-sm-12 col-md-8">
<div id="pagination-div" class="pull-right"></div>
</div>
</div>
<div class="themes-holder row"></div>
</div>
</div>
</div>
<form accept-charset="'.$globals['charset'].'" name="edit_site" method="post" action="" id="edit_site" class="form-horizontal sitepad-form">
<div class="container-fluid" id="step-2-div">
<h2 class="text-center mt-1" style="padding-top:8px;">'.$l['new_site_details'].'</h2><hr class="sitepad-hr mt-1 mb-2"/>
<p align="center" class="mb-3" style="font-size:14px;">'.$l['new_site_details_exp'].'<br>'.$l['new_site_details_optional'].'</p>';
error_handle($error, '100%');
echo '
<div class="row">
<div class="offset-sm-2 col-sm-8">
<div class="alert alert-danger" id="error-div" style="padding:10px;font-size:15px;display:none"><span id="error-msg"></span></div>
</div>
</div>';
echo'
<div class="row justify-content-sm-center">
<div class="col-4">
<div class="row" style="font-size:20px;color:#666666;">
<div class="w-100">
<h3 class="sitepad-sub-heading d-inline-block">'.$l['site_details'].'</h3>
</div>
<hr class="sitepad-hr m-0 mt-1" style="width:50px;"/>
</div>
</div>
<div class="offset-sm-1 col-4">
<div class="row" style="font-size:20px;color:#666666;">
<div class="w-100">
<h3 class="sitepad-sub-heading d-inline-block">'.$l['contact_info'].'</h3>
</div>
<hr class="sitepad-hr m-0 mt-1" style="width:50px;"/>
</div><br />
</div>
</div>
<div class="row justify-content-sm-center">
<div class="col-4">
<div class="row mb-2">
<label for="siteurl" class="setup-field-head">'.$l['site_address'].'</label>
<div class="row no-gutters">
<div class="col-sm-3">
<select name="protocol" id="softproto" class="form-control">';
foreach($globals['protocols'] as $k => $v){
echo '<option value="'.$k.'">'.$v.'</option>';
}
echo '
</select>
</div>
<div class="col-sm-5">
<select name="domain" id="softdomain" class="form-control" onchange="checkhttps(this)">';
foreach($nupanel->domainroots as $k => $v){
echo '<option value="'.$k.'">'.$k.'</option>';
}
echo '
</select>
</div>
<div class="col-sm-4">
<input type="text" name="subdir" value="'.POSTval('subdir', $site['subdir']).'" class="form-control" placeholder="'.$l['subdir'].'">
</div>
</div>
<label class="setup-field-exp">'.$l['site_address_exp'].'</label>
</div>
<div class="row mb-2">
<label for="email" class="setup-field-head">'.$l['admin_email'].'</label>
<input type="text" name="email" value="'.POSTval('email', $site['email']).'" class="form-control" placeholder="'.$l['enter_email'].'">
<label class="setup-field-exp">'.$l['admin_email_exp'].'</label>
</div>
<div class="row mb-2">
<label for="title" class="setup-field-head">'.$l['site_title'].'</label>
<input type="text" class="form-control" name="title" id="title" value="'.$l['site_title_def'].'" />
<label class="setup-field-exp">'.$l['site_title_exp'].'</label>
</div>
<div class="row mb-2">
<label for="blogdescription" class="setup-field-head">'.$setup_fields['blogdescription']['heading'].'</label>
<input type="text" class="form-control" name="blogdescription" id="blogdescription" value="'.$setup_fields['blogdescription']['default'].'" />
<label class="setup-field-exp">'.$setup_fields['blogdescription']['exp'].'</label>
</div>
<div class="row mb-2">
<label for="language" class="setup-field-head">'.$l['choose_lang'].'</label>
<select name="language" id="language" class="form-control">';
foreach($langs as $k => $v){
echo '<option value="'.$k.'" '.(empty($_POST['language']) && (empty($user['language']) ? $globals['language'] : $user['language']) == $v ? 'selected="selected"' : (trim($_POST['language']) == $k ? 'selected="selected"' : '') ).'>'._ucfirst($v).'</option>';
}
echo '</select>
<label class="setup-field-exp">'.$l['choose_lang_exp'].'</label>
</div>
<div class="row mt-4 mb-2 justify-content-sm-center">
<div class="col-sm-6">
<button type="button" onclick="submit_setup_details(this)" class="btn button-primary" name="complete_setup" style="white-space: nowrap;">
<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true" style="display:none;"></span> '.$l['proceed_install'].'
</button>
</div>
</div>
<center>
<br>
<input type="checkbox" name="sitepad_dev_mode" value="1" />
'.$setup_fields['sitepad_dev_mode']['heading'].' <label class="setup-field-exp">'.$setup_fields['sitepad_dev_mode']['exp'].'</label>
</center>
</div>
<div class="offset-sm-1 col-4">
<div class="row mb-2">
<label for="pagelayer_cf_to_email" class="setup-field-head">'.$setup_fields['pagelayer_cf_to_email']['heading'].'</label>
<input type="text" class="form-control" name="pagelayer_cf_to_email" id="pagelayer_cf_to_email" placeholder="'.$setup_fields['pagelayer_cf_to_email']['default'].'" value="" />
<label class="setup-field-exp">'.$setup_fields['pagelayer_cf_to_email']['exp'].'</label>
</div>
<div class="row mb-2">
<label for="pagelayer-phone" class="setup-field-head">'.$setup_fields['pagelayer-phone']['heading'].'</label>
<input type="text" class="form-control" name="pagelayer-phone" id="pagelayer-phone" placeholder="'.$setup_fields['pagelayer-phone']['default'].'" value="" />
<label class="setup-field-exp">'.$setup_fields['pagelayer-phone']['exp'].'</label>
</div>
<div class="row mb-2">
<label for="pagelayer-address" class="setup-field-head">'.$setup_fields['pagelayer-address']['heading'].'</label>
<input type="text" class="form-control" name="pagelayer-address" id="pagelayer-address" placeholder="'.$setup_fields['pagelayer-address']['default'].'" value="" />
<label class="setup-field-exp">'.$setup_fields['pagelayer-address']['exp'].'</label>
</div>
<div class="row mb-2">
<label for="pagelayer-facebook-url" class="setup-field-head">'.$setup_fields['pagelayer-facebook-url']['heading'].'</label>
<input type="text" class="form-control" name="pagelayer-facebook-url" id="pagelayer-facebook-url" placeholder="'.$setup_fields['pagelayer-facebook-url']['default'].'" value="" />
<label class="setup-field-exp">'.$setup_fields['pagelayer-facebook-url']['exp'].'</label>
</div>
<div class="row mb-2">
<label for="pagelayer-twitter-url" class="setup-field-head">'.$setup_fields['pagelayer-twitter-url']['heading'].'</label>
<input type="text" class="form-control" name="pagelayer-twitter-url" id="pagelayer-twitter-url" placeholder="'.$setup_fields['pagelayer-twitter-url']['default'].'" value="" />
<label class="setup-field-exp">'.$setup_fields['pagelayer-twitter-url']['exp'].'</label>
</div>
<div class="row mt-4 mb-2">
<label class="setup-field-head" onclick="toggle_additional();">
<span class="icon-square" style="font-size:19px;">+</span>
'.$l['more_profiles'].'
</label>
</div>
</div>
</div>
<br><br><br>
</div>
</form>
<div class="container-fluid" id="step-3-div">
<div class="row">
<div class="alert alert-success col-md-6 mx-auto mt-5" id="success-div">
<h4 class="alert-heading">'.$l['setup_complete'].'</h4>
<p style="font-size: 14px" id="success-msg"></span>
<p style="font-size: 14px">'.$l['happy'].'</p>
</div>
</div>
<div class="row">
<div class="col-md-6 mx-auto mt-3">
<center><a class="btn btn-primary" href="'.$globals['index'].'act=all_sites">'.$l['return'].'</a></center>
</div>
</div>
</div>
</div>';// End of Setup div
echo '
<div class="modal" tabindex="-1" role="dialog" id="sitepad-download-img-modal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">'.$l['image_copyright_title'].'</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body"><p>'.$l['image_copyright_text'].'</p></div>
<div class="modal-footer">
<div style="display:none;">
<form>
<input type="checkbox" class="form-control" name="download_imgs" id="download_imgs"/>
</form>
</div>
<button type="button" class="btn btn-primary sitepad-download-image">Yes</button>
<button type="button" class="btn btn-secondary sitepad-download-image-no">No</button>
</div>
</div>
</div>
</div>
<div class="modal" tabindex="-1" role="dialog" id="modal_more_social">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">'.$l['more_profiles'].'</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body px-5">
<form>
<div class="row mb-2">
<label for="pagelayer-instagram-url" class="setup-field-head">'.$setup_fields['pagelayer-instagram-url']['heading'].'</label>
<input type="text" class="form-control" name="pagelayer-instagram-url" id="pagelayer-instagram-url" placeholder="'.$setup_fields['pagelayer-instagram-url']['default'].'" value="" />
<label class="setup-field-exp">'.$setup_fields['pagelayer-instagram-url']['exp'].'</label>
</div>
<div class="row mb-2">
<label for="pagelayer-linkedin-url" class="setup-field-head">'.$setup_fields['pagelayer-linkedin-url']['heading'].'</label>
<input type="text" class="form-control" name="pagelayer-linkedin-url" id="pagelayer-linkedin-url" placeholder="'.$setup_fields['pagelayer-linkedin-url']['default'].'" value="" />
<label class="setup-field-exp">'.$setup_fields['pagelayer-linkedin-url']['exp'].'</label>
</div>
<div class="row mb-2">
<label for="pagelayer-youtube-url" class="setup-field-head">'.$setup_fields['pagelayer-youtube-url']['heading'].'</label>
<input type="text" class="form-control" name="pagelayer-youtube-url" id="pagelayer-youtube-url" placeholder="'.$setup_fields['pagelayer-youtube-url']['default'].'" value="" />
<label class="setup-field-exp">'.$setup_fields['pagelayer-youtube-url']['exp'].'</label>
</div>
<div class="row mb-2">
<label for="pagelayer-gplus-url" class="setup-field-head">'.$setup_fields['pagelayer-gplus-url']['heading'].'</label>
<input type="text" class="form-control" name="pagelayer-gplus-url" id="pagelayer-gplus-url" placeholder="'.$setup_fields['pagelayer-gplus-url']['default'].'" value="" />
<label class="setup-field-exp">'.$setup_fields['pagelayer-gplus-url']['exp'].'</label>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">'.$l['save'].'</button>
</div>
</div>
</div>
</div>';
softfooter();
}